<!DOCTYPE html>
<html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-0 vector-toc-not-available vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-0 skin-theme-clientpref-day vector-sticky-header-enabled" lang="de" dir="ltr"><head>
<meta charset="UTF-8">
<title>Anker (HTML)</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/png" href="./_res_/favicon.png">
<link rel="canonical" href="https://de.wikipedia.org/wiki/Anker_(HTML)"> <link href="./_mw_/ext.cite.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.pygments.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.wikimediamessages.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.icons.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.search.codex.styles.css" rel="stylesheet" type="text/css">
<link href="./_mw_/skins.vector.styles.css" rel="stylesheet" type="text/css">
<meta name="ResourceLoaderDynamicStyles" content="">
<link href="./_mw_/ext.gadget.citeRef.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.defaultPlainlinks.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonHide.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonLayout.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiCommonStyle.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiDarkmode.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.dewikiResponsive.css" rel="stylesheet" type="text/css">
<link href="./_mw_/ext.gadget.specialSearch.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="./_mw_/site.styles.css">
<link rel="stylesheet" type="text/css" href="./_mw_/noscript.css">
<link rel="stylesheet" type="text/css" href="./_res_/footer.css">
<link rel="stylesheet" type="text/css" href="./_res_/vector-2022.css">
</head>
<body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject page-Anker_HTML rootpage-Anker_HTML skin-vector-2022 action-view">
<div class="mw-page-container">
<div class="mw-page-container-inner">
<div class="mw-content-container">
<main id="content" class="mw-body">
<header class="mw-body-header vector-page-titlebar">
<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Anker (HTML)</span></h1>
</header>
<a id="top"></a>
<div id="bodyContent" class="vector-body ve-init-mw-desktopArticleTarget-targetContainer" aria-labelledby="firstHeading" data-mw-ve-target-container="">
<div id="contentSub">
<div id="mw-content-subtitle"></div>
</div>
<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p>Ein <b>Anker</b> bezeichnet eine <a href="Sprungmarke" title="Sprungmarke">Sprungmarke</a> innerhalb eines <a href="HTML-Dokument" class="mw-redirect" title="HTML-Dokument">HTML-Dokuments</a>. In der <a href="Hypertext" title="Hypertext">Hypertext</a>-Theorie steht der Begriff <i>Anker</i> generell für den Anfangs- und Endpunkt eines <a href="Hyperlink" title="Hyperlink">Hyperlinks</a>. Der Anfangspunkt wird durch ein Querverweis-<a href="HTML-Element" class="mw-redirect" title="HTML-Element">Element</a> mit einem <code>href</code>-<a href="Attribut_(Auszeichnungssprache)" title="Attribut (Auszeichnungssprache)">Attribut</a> (hypertext reference) und der Endpunkt, Zielpunkt, durch ein Element mit einem <code>id</code>-<a href="Attribut_(Auszeichnungssprache)" title="Attribut (Auszeichnungssprache)">Attribut</a> (<a href="Identifikator" title="Identifikator">Identifikator</a>) definiert.
</p><p>In <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a>-Versionen vor <a href="HTML5" title="HTML5">HTML5</a> konnten diese Sprungmarken auch mithilfe des <code>a</code>-Elementes, das ein <code>name</code>-Attribut bekam, realisiert werden.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup> Der Name des <code>a</code>-Elementes wurde von <i>anchor</i> (englisch für „Anker“) hergeleitet. Mit HTML5 wurde generell das <code>id</code>-Attribut als Sprungmarke festgelegt.
</p><p>Dadurch, dass eine Sprungmarke innerhalb einer <a href="Uniform_Resource_Locator" title="Uniform Resource Locator">URL</a> vorkommen kann, lässt sich ein Unterabschnitt eines Dokuments (engl. <i>fragment</i>)<sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> direkt durch einen Hyperlink adressieren.
</p>
<div class="mw-heading mw-heading2"><h2 id="Beispiel">Beispiel</h2></div>
<p>Beispielsweise kann für einen Unterabschnitt eine Sprungmarke wie folgt definiert werden:
</p>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">h2</span> <span class="na">id</span><span class="o">=</span><span class="s">"Ankername"</span><span class="p">></span>Überschrift<span class="p"></</span><span class="nt">h2</span><span class="p">></span>
</pre></div>
<p>Zum Vergleich, in älteren HTML-Versionen wurde die Sprungmarke wie folgt definiert:
</p>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">h2</span><span class="p">><</span><span class="nt">a</span> <span class="na">name</span><span class="o">=</span><span class="s">"Ankername"</span><span class="p">></span>Überschrift<span class="p"></</span><span class="nt">a</span><span class="p">></</span><span class="nt">h2</span><span class="p">></span>
</pre></div>
<p>Mit einem Hyperlink kann jetzt auf diese Sprungmarke verwiesen werden. Dazu wird die Sprungmarke mit dem URL-<a href="Fragmentbezeichner" title="Fragmentbezeichner">Fragmentbezeichner</a> <code>#</code> (<a href="Rautezeichen" title="Rautezeichen">Rautezeichen</a>) kodiert:<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>
</p>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"#Ankername"</span><span class="p">></span>Link<span class="p"></</span><span class="nt">a</span><span class="p">></span>
</pre></div>
<p>Verweis auf eine Sprungmarke in einem anderen Dokument:
</p>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"seite.html#Ankername"</span><span class="p">></span>Link<span class="p"></</span><span class="nt">a</span><span class="p">></span>
</pre></div>
<p>Verweis auf eine Sprungmarke in einem anderen Dokument mit Parameter:
</p>
<div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">a</span> <span class="na">href</span><span class="o">=</span><span class="s">"seite.php?name=value#Ankername"</span><span class="p">></span>Link<span class="p"></</span><span class="nt">a</span><span class="p">></span>
</pre></div>
<p>Beim Aktivieren dieser Links öffnet der Browser das referenzierte HTML-Dokument und wählt durch <a href="Scrolling" class="mw-redirect" title="Scrolling">Scrollen</a> den Anker an.
</p>
<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>
<ul><li><a rel="nofollow" class="external text" href="https://wiki.selfhtml.org/wiki/HTML/Tutorials/Links/Seiteninterne_Verweise">SELFHTML zu Ankern</a></li></ul>
<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>
<ol class="references">
<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/html401/struct/links.html#h-12.1.3"><i>HTML4, Introduction to links and anchors.</i></a> In: <i>W3C.</i><span class="Abrufdatum"> Abgerufen am 27. Januar 2024</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AAnker+%28HTML%29&rft.title=HTML4%2C+Introduction+to+links+and+anchors&rft.description=HTML4%2C+Introduction+to+links+and+anchors&rft.identifier=https%3A%2F%2Fwww.w3.org%2FTR%2Fhtml401%2Fstruct%2Flinks.html%23h-12.1.3&rft.language=en"> </span></span>
</li>
<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/html4/struct/links.html#anchors"><i>12 Links – 12.2 The A element.</i></a> In: <i>HTML 4.01 Specification W3C Recommendation 24 December 1999.</i> Dave Raggett, Arnaud Le Hors, Ian Jacobs, <a href="W3C" class="mw-redirect" title="W3C">W3C</a>-Consortium,<span class="Abrufdatum"> abgerufen am 9. Oktober 2008</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AAnker+%28HTML%29&rft.title=12+Links+%E2%80%93+12.2+The+A+element&rft.description=12+Links+%E2%80%93+12.2+The+A+element&rft.identifier=https%3A%2F%2Fwww.w3.org%2FTR%2Fhtml4%2Fstruct%2Flinks.html%23anchors&rft.publisher=Dave+Raggett%2C+Arnaud+Le+Hors%2C+Ian+Jacobs%2C+%5B%5BW3C%5D%5D-Consortium&rft.date=&rft.language=en"> </span></span>
</li>
<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.w3.org/TR/html4/intro/intro.html#fragment-uri"><i>2 Introduction to HTML 4 – 2.1.2 Fragment identifiers.</i></a> In: <i>HTML 4.01 1999.</i> W3C,<span class="Abrufdatum"> abgerufen am 9. Oktober 2008</span> (englisch).</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AAnker+%28HTML%29&rft.title=2+Introduction+to+HTML+4+%E2%80%93+2.1.2+Fragment+identifiers&rft.description=2+Introduction+to+HTML+4+%E2%80%93+2.1.2+Fragment+identifiers&rft.identifier=https%3A%2F%2Fwww.w3.org%2FTR%2Fhtml4%2Fintro%2Fintro.html%23fragment-uri&rft.publisher=W3C&rft.date=&rft.language=en"> </span></span>
</li>
</ol></div><!--htdig_noindex--><div><div class="zim-footer">
Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2024-10-14" href="https://de.wikipedia.org/wiki/?title=Anker_(HTML)&oldid=249431102">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.
</div>
</div><!--/htdig_noindex--></div>
</div>
</main>
</div>
</div>
</div>
<script src="./_webp_/webpHandler.js"></script>
</body></html>